<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>春季项目训练02</title>
    <link rel="csssheet" href="./css/css.css">
    <link rel="stylesheet" href="./css/top.css">


</head>
<body style="height: 100%;">
<section class="header_box" id="headtop">
    <section class="header_box_li">
        <header id="header" class="head">
            <div class="wp">
                <div class="left">

                </div>

                <div class="center">
                    <a href="./">
                        <img class="center-img" src="./image/logo2023.png">
                    </a>
                </div>
            </div>
        </header>
    </section>

</section>

<div class="other">
    <div class="list_box0">
        <div class="li">
            <a href="https://zs.hunau.edu.cn/" target="_blank">
                本科招生
            </a>
        </div>
        <div class="li">
            <a href="./yxndsss/dfnd/" target="_blank">
                到访农大
            </a>
        </div>
        <div class="li">
            <a href="https://zp.hunau.edu.cn/product/recruit/defalt/recruitFirstpage.jsp?FM_SYS_ID=zpxt"
               target="_blank">
                我要加盟
            </a>
        </div>
        <div class="li"><a href="http://xxgk.hunau.edu.cn/" target="_blank">信息公开</a></div>
        <div class="li">
        </div>
    </div>
</div>

</body>

<script>
    const centerImg = document.querySelector('.center-img');
    window.addEventListener('scroll', handleScroll);

    function handleScroll() {

        const h = window.scrollY;


        if (h <= 100) {
            centerImg.style.transform = 'scale(1)';
        } else {
            centerImg.style.transform = 'scale(0.7)';
        }
    }
</script>
</html>